<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('福利信息')"/>
    <th:block th:include="include :: layout-latest-css"/>
    <th:block th:include="include :: ztree-css"/>
    <th:block th:include="include :: select2-css"/>
</head>
<body class="gray-bg">
<div class="ui-layout-center">
    <div class="container-div">
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <form id="user-form">
                    <input type="hidden" id="ComPidorDepTid" name="ComPidorDepTid">
                    <div class="select-list">
                        <ul>
                            <li>
                                员工编号：<input type="text" name="badge"/>
                            </li>
                            <li>
                                姓名：<input type="text" name="name"/>
                            </li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
                                        class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
                                        class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
</div>

<th:block th:include="include :: footer"/>
<th:block th:include="include :: layout-latest-js"/>
<th:block th:include="include :: ztree-js"/>
<th:block th:include="include :: bootstrap-table-editable-js"/>

<script th:inline="javascript">
    var prefix = ctx + "welfare/welfareInfo";
    $(function () {
        var panehHidden = false;
        if ($(this).width() < 1000) {
            panehHidden = true;
        }
        $('body').layout({initClosed: panehHidden, west__size: 350});
        queryData();
    });


    function queryData() {
        var columns = [];
        var Badge = {field: 'badge', title: '员工编号'};
        var Name = {field: 'name', title: '姓名'};
        var CompId = {field: '公司名称', title: '公司名称'};
        var DepId = {field: '部门名称', title: '部门名称'};
        var JobId = {field: '工作岗位', title: '工作岗位'};
        var joinDate = {field: '入职时间', title: '入职时间'};
        var EmpStatus = {field: '员工状态', title: '员工状态'};
        var JobStatus = {field: '在岗状态', title: '在岗状态'};
        var BENEFITSTATUS = {field: '缴纳状态', title: '缴纳状态'};
        var BENEFITCITY = {field: '社保缴纳地区', title: '社保缴纳地区'};
        var ACCUCITY = {field: '公积金缴纳地区', title: '公积金缴纳地区'};
        var ACCUACCOUNT = {field: '公积金账户', title: '公积金账户'};
        var BENEACCOUNT = {field: '社保账户', title: '社保账户'};
        var EffectDate = {field: '开始缴纳日期', title: '开始缴纳日期'};
        var sbxValue = {field: '社保基数', title: '社保基数'};
        var gjjxValue = {field: '公积金基数', title: '公积金基数'};
        columns.push(Badge, Name, CompId,DepId,JobId,joinDate,EmpStatus,JobStatus,BENEFITSTATUS,BENEFITCITY,ACCUCITY,ACCUACCOUNT,BENEACCOUNT,EffectDate,sbxValue,gjjxValue);
        var options = {
            url: prefix + "/list",
            height: $(window).height() - 100,
            columns: columns
        };
        $.table.init(options);
    }
</script>

</body>
</html>